<html>
  <head>
    <title>vue和nvue共享的变量和数据</title>
  </head>
  <body>
    <script>
       /*
                 六、vue 和 nvue 共享的变量和数据

                        除了通信事件，vue 和 nvue 页面之间还可以共享变量和存储。

                        uni-app 提供的共享变量和数据的方案如下：

                            1、vuex:  自HBuilderX 2.2.5 起，nvue支持 vuex。 这是vue官方的状态管理工具。

                                 注意：
                                        不支持直接引入 store 使用，可以使用 mapState、mapGetters、mapMutations等辅助方法或者使用 this.$store

                            2、uni.storage

                                    vue 和 nvue 页面可以使用相同的 uni.storage 存储。这个存储是持久化的。比如登录状态可以保存在这里。

                                    App端还支持 plus.sqlite,也是共享通用的。

                            3、globalData:

                                    小程序有globalData机制，这套机制在 uni-app 里也可以使用，全端通用。在App.vue文件里定义 gloablData如下：

                                        <、script>  
                                            export default {  
                                                globalData: {  
                                                    text: 'text'  
                                                },  
                                                onLaunch: function() {  
                                                    console.log('App Launch')  
                                                },  
                                                onShow: function() {  
                                                    console.log('App Show')  
                                                },  
                                                onHide: function() {  
                                                    console.log('App Hide')  
                                                }  
                                            }  
                                        </、script>

                                     ①、js中操作 globalData的方式如下：  getApp().globalData.text ='test'

                                     ②、如果需要把 globalData 的数据绑定到页面上，可在页面的 onShow生命周期里进行变量重新赋值。
            */
    </script>
  </body>
</html>